<style>
<!--
.view-bonus {
	z-index : 888;
	position: absolute;
	display: none;
	right: 0px;
}
a.over .view-bonus {
	display: block;
	border: 1px solid #eee;
	padding: 5px;
}
-->
</style>
<table class="table table-hover">
 <thead>
  <tr>
   <th>ID</th>
   <th>订单编号</th>
   <th>商品名称</th>
   <th>产品规格</th>
   <th>买出数量</th>
   <th>产品单价</th>
   <th>产生佣金（普通用户+金牌会员）</th>
   <th>实际返佣</th>
  </tr>
 </thead>
 <tbody>
  <volist name="orderGoodsLists" id="vo">
   <tr>
    <td>{$vo.id}</td>
    <td>{$vo.orderNo}</td>
    <td>{$vo.product_name}</td>
    <td>{$vo.product_attr}</td>
    <td>{$vo.product_number}</td>
    <td>{$vo.product_price}</td>
    <td>{$vo['reward_price']*$vo['product_number']} + {$vo['reward_price_dealer']*$vo['product_number']} = {$vo['reward_price']*$vo['product_number'] + $vo['reward_price_dealer']*$vo['product_number']} </td>
    <td>
    	<a href="#" id="view_{$vo.id}" onmouseover="$(this).addClass('over');" onmouseout="$(this).removeClass('over');" style="position:relative;">查看
    	<div class="view-bonus">
			<ul style="min-width:200px;">
				<foreach name="vo.bonusInfo" item="item" key="uid">
				<li style="background:#fff;line-height:50px;">
					<img src="{$vo['bonusUsers'][$uid]['face']}" width="48" height="48"/>
					{$item['bonus']*1}(基础) + {$item['bonusDealer']*1}(金牌)
				</li>
				</foreach>
			</ul>
		</div>
    	</a>
    </td>
   </tr>
  </volist>
 </tbody>
</table>
<div class="pagination">{$pagination}</div>